<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/manage}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>销售情况</title>
  <link rel="stylesheet" href="/static/front/css/my-prod.css">
  <link rel="stylesheet" href="/static/front/css/settle-record.css">
  <link rel="stylesheet" href="/static/front/css/sell-record.css">
  <link rel="stylesheet" href="/static/front/css/pagination.css">
</head>

<body>
<div layout:fragment="content">
  <div class="con8-r">
    <div class="nav">
      <ul>
        <li class="on"><a href="javascript:;">销售记录</a></li>
        <li><a href="javascript:;">结算记录</a></li>
      </ul>
      <form action="" method="post" onsubmit="return false">
        <div class="srch">
          <input type="text" name="search_key" value="" placeholder="图片ID"/>
          <input type="submit" value="查询"/>
        </div>
        <div class="cho-date cho-date2">
          <input type="text" class="txt1" name="time_start" value="" onClick="WdatePicker()"/>
          <span></span>
          <input type="text" class="txt2" name="time_end" value="" onClick="WdatePicker()"/>
        </div>
      </form>
    </div>
    <div class="tab_container">
      <div class="content lists sales_list">
        <div class="table table2">
          <table id="sales_table" border="" cellspacing="0" cellpadding="">
            <thead>
            <tr>
              <td class="first">图片信息</td>
              <td>图片ID</td>
              <td><a href="javascript:;">日期↓</a></td>
              <td>销售价格/元</td>
              <td>销售渠道</td>
            </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
        <div class="m-style pages"></div>
      </div>
      <div class="content lists settle_lists" style="display:none;">
        <div class="table">
          <table id="settle_table" border="" cellspacing="0" cellpadding="">
            <thead>
            <tr>
              <td class="first"><a href="#">日期↓</a></td>
              <td>结算金额/元</td>
              <td>代扣税额/元</td>
              <td>实际打款金额/元</td>
              <td>打款方式</td>
              <td>打款状态</td>
            </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
        <div class="m-style pages"></div>
      </div>
    </div>
    <div class="nothing" style="display: none">
      <span>暂无数据</span>
    </div>
  </div>
</div>
<th:block layout:fragment="script">
  <script id="sales_body" type="text/html">
    {{#  layui.each(d.order_list, function(index, item){ }}
    <tr>
      <td class="first">
        <a href="javascript:;"><img src="{{item.thumb}}"/></a>
      </td>
      <td>
        {{item.goods_sn}}
      </td>
      <td>
        {{item.sales_date}}
      </td>
      <td>
        {{item.price}}
      </td>
      <td>
        {{item.channel}}
      </td>
    </tr>
    {{#  }); }}
  </script>
  <script id="settle_body" type="text/html">
    {{#  layui.each(d.settlement_list, function(index, item){ }}
    <tr>
      <td class="first">
        {{item.settle_date}}
      </td>
      <td>
        {{item.total}}
      </td>
      <td>
        {{item.fee}}
      </td>
      <td>
        {{item.expend}}
      </td>
      <td>
        {{item.settlement_method}}
      </td>
      <td>
        已打款
      </td>
    </tr>
    {{#  }); }}
  </script>
  <script type="text/javascript" src="/static/front/js/lib/jquery.pagination.js"></script>
  <script type="text/javascript" src="/static/front/js/config.js"></script>
  <script type="text/javascript" src="/static/front/js/WdatePicker.js"></script>
  <script type="text/javascript">
    layui.use('sales')
  </script>
</th:block>
</body>
</html>

